@extends('public.dashboard_base')
@section('title', '我的分组')

@section('content')
    <div class="control_panel_content">
        <div class="navBreadcrumb">
            <ul>
                <li>域名管理</li>
                <li><a href="/domain/group">我的分组</a></li>
            </ul>
        </div>
        <div class="panel">
            <div class="sub_nav_container">
                <ul class="clearfix">
                    <li class="active"><a href="/domain/group">我的分组</a></li>
                    <li><a href="/domain/group/setup">批量设置分组</a></li>
                </ul>
            </div>
            <div class="panel_body">
                <form action="/domain/group" id="add_group_form" method="post">
                    <input type="text" name="mc">&nbsp;
                    <a href="javascript:;" class="btn btn_primary" id="add_group">
                        添加新分组
                    </a>
                </form>
            </div>
            <table class="table_style">
                <thead>
                <tr>
                    <th width="35%">分组名称</th>
                    <th width="35%">域名数量</th>
                    <th width="30%">操作</th>
                </tr>
                </thead>
                <tbody class="group_list">
                </tbody>
                <tfoot>
                <tr>
                    <td colspan="4">
                        <div style="text-align: right">
                            每页&ensp;
                            <select name="pageSize" id="pageSize">
                                <option value="50">50</option>
                                <option value="100">100</option>
                                <option value="200">200</option>
                                <option value="300">300</option>
                            </select>&ensp;
                            条
                            <div class="pagination" style="display: inline-block;"><span class="disabled">&lt;</span><span class="current">1</span><span class="disabled">&gt;</span></div>
                        </div>
                    </td>
                </tr>
                </tfoot>
            </table>
        </div>
    </div>
@endsection
@section('script')
    <script>
        $(function () {
            var link = $("#domain-group");
            link.parent().parent().parent().addClass("active");
            link.parent().addClass("active");
        });
    </script>
@endsection
